<template>
    <div>
        <tops_one></tops_one>
        <top_ones></top_ones>
        <top_twos></top_twos>
        <Homebanner></Homebanner>
        <router-view/>
        <boottom_two></boottom_two>
    </div>
</template>

<script>
    //顶部 
    import tops_one from "@/components/tops.vue"
    // 底部
    import boottom_two from "@/components/bottom.vue"
    // 导航栏
    import top_ones from '@/components/topones.vue'
    import top_twos from '@/components/toptwos.vue'
    // 轮播图
    import Homebanner from "@/components/Homebanner.vue"

    export default {
        components:{
            tops_one,
            boottom_two,
            top_ones,
            top_twos,
        },
        
    }
</script>

<style lang="scss" scoped>
.top{
    height:400px;
    background-color:green;
}
.bootome{
    height:400px;
    background-color:red;
}
</style>